<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html style="height: 100%;">
<head>
	<meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>欢迎来到本系统</title>
    <link rel="stylesheet" type="text/css" href="css/default.css" />
    <link href="css/index.css" rel="stylesheet" />
</head>
<body style="height: 100%;">
    <div class="boxer">
    	<div class="box">
	        <div class="title">
	        	<p>运输车辆实时监控系统</p>
	        	<a href="index.html">返回首页</a>
	        </div>
	        <div class="middle">
	        	<div class="middle_l">
	        		<img src="images/pic001.png"/>
	        		<img class="erweima" src="images/code.jpg" />
	        		<a href=""><img id="img" src="images/anzhuo.png"/></a>
	        		<p>版本：v1.0.1   大小：8.7M</p>
	        		
	        	</div>
	        	<div class="middle_r">
	        		<img src="images/pic002.png"/>
	        	</div>
	        </div>
	        <div class="xiazai">
	        		<a href=""><img src="images/anzhuo.png"/></a>
	        </div>
        </div>
    </div>
    <script>
        window.onload = function () {
            //获取图片
            var img = document.getElementById("img");
 
            //鼠标经过图片
            img.onmouseover = function () {
                this.src = "images/anzhuo2.png";
            }
 
            //鼠标离开图片
            img.onmouseout = function () {
                this.src = "images/anzhuo.png";
            }
        }
    </script>
</body>
</html>
